import './assets/main.css'
//in main.js
import 'primevue/resources/themes/aura-light-green/theme.css'

import { createApp } from 'vue'
// pinia store
import pinia from "@/stores";
import PrimeVue from 'primevue/config';

import App from './App.vue'
import router from './router'
import Button from 'primevue/button';
import Card from 'primevue/card';
import Checkbox from 'primevue/checkbox';
import InputText from 'primevue/inputtext';
import Toast from 'primevue/toast';
import Avatar from 'primevue/avatar';
import AvatarGroup from 'primevue/avatargroup';   //Optional for grouping
import ToastService from 'primevue/toastservice';
import BadgeDirective from 'primevue/badgedirective';
import Dialog from 'primevue/dialog';
import Divider from 'primevue/divider';
import Tag from 'primevue/tag';
import Chart from 'primevue/chart';
import ConfirmDialog from 'primevue/confirmdialog';
import ConfirmationService from 'primevue/confirmationservice';
import Dropdown from 'primevue/dropdown';
import DataTable from 'primevue/datatable';
import 'primeicons/primeicons.css'
// import app from "@/app";

//in main.js
import 'primevue/resources/themes/lara-light-green/theme.css'


// import progressBar from "@/components/progressBar/index.vue";



// import 'primevue/resources/themes/saga-blue/theme.css';    

// import 'primevue/resources/primevue.min.css';              // 核心样式

const app = createApp(App)
app.directive('badge', BadgeDirective);
app.component('Button',Button)
app.component('Card',Card)
app.component('InputText',InputText)
app.component('Checkbox',Checkbox)
app.component('Toast',Toast)
app.component('Avatar',Avatar)
app.component('AvatarGroup',AvatarGroup)
app.component('Dialog',Dialog)
app.component('Divider',Divider)
app.component('Tag',Tag)
// app.component('progressBar',progressBar)
app.component('Dropdown',Dropdown)
app.component('ConfirmDialog',ConfirmDialog)
app.component('DataTable',DataTable)
app.component('Chart',Chart)


app.use(ConfirmationService);

app.use(ToastService);
app.use(PrimeVue, {
     // unstyled: true,
     // pt: Lara   
                     
});

app.use(pinia)
app.use(router)

app.mount('#app')


